// pages/index04/index04.js
var app = getApp();
//声明全局变量
let proListToTop = [], menuToTop = [], MENU = 0, windowHeight, timeoutId;
// MENU ==> 是否为点击左侧进行滚动的，如果是，则不需要再次设置左侧的激活状态
Page({

  data: {
    
    staticImg: app.globalData.staticImg,
    currentActiveIndex: 0,
    // 接口返回的商品数组
    navList: [
      {
        c_id: "01",
        c_name: '疏菜类',
        list: ['空心菜', '芹菜', '油菜', '菜心', '白菜', '芥兰', '韭菜', '菠菜', '西兰花', '西洋菜', '生菜','圆白菜', '花椰菜', '莴苣', '青菜', '穿心莲', '孢子甘蓝', '萝卜苗', '红菜苔', '牛至', '蒿子杆', '芦蒿', '芝麻菜', '豌豆尖', '儿菜', '水芹',  '马兰', '鱼腥草', '青蒜', '苦菊', '豌豆苗', '油麦菜', '芥菜', '紫苏', '苋菜', '韭黄', '黄花菜',  '茼蒿', '香椿', '荠菜', '紫甘蓝', '甘蓝',  '娃娃菜', ]
      },
      {
        c_id: "02",
        c_name: '水果类疏菜',
        list: ['玉米', '彩椒', '番茄', '青椒','南瓜', '冬瓜', '红椒', '茄子', '黄瓜', '玉米粒',  '苦瓜',  '丝瓜', '秋葵', '西葫芦', '毛豆', '豌豆', '四季豆', '荷兰豆', '蚕豆', '圣女果', '扁豆', '刀豆',  '玉米笋', '豇豆', '瓠瓜', ]
      },
      {
        c_id: "02",
        c_name: '菌菇类',
        list: ['双孢菇', '香菇', '滑子菇', '白灵菇', '猴头菇',  '杏鲍菇', '银耳', '木耳', '金针菇', '蘑菇', '茶树菇', '平菇', '松茸', '鸡腿菇', '草菇', '竹荪', '蟹味菇', '花菇', '牛肝菌', '灵芝', '白玉菇', '姬松茸','发菜', '袖珍菇',]
      },
      {
        c_id: "08",
        c_name:'水果类',
        list: ['椰子', '草莓', '橙', '哈密瓜', '金橘', '香瓜', '桔子',  '牛油果', '杨桃', '木瓜', '山楂', '蓝莓', '西瓜', '柚子', '火龙果', '樱桃', '榴莲', '西柚', '桃', '葡萄',  '黄桃', '百香果', '杨梅', '荔枝', '无花果', '石榴', '杏子', '桑葚',  '柿子', '李子', '青梅', '枇杷',  '甘蔗', '覆盆子',  ]
      },
      {
        c_id: "09",
        c_name: '猪类',
        list: ['猪肉', '排骨', '猪肉末', '五花肉', '猪蹄', '肉丝', '肋骨', '瘦肉', '里脊', '猪肝', '猪排', '猪肚', '猪皮', '猪骨', '肥肠', '猪油', '猪腰', '猪耳朵', '猪心', '猪肺',]
      },
      {
        c_id: "10",
        c_name: '羊类',
        list: ['羊排', '羊腿', '羊肉片', '羊蝎子',]
      },
      {
        c_id: "11",
        c_name: '牛类',
        list: ['牛肉', '牛腩', '牛排', '肥牛', '牛里脊', '牛腱', '牛尾', '牛肉末', '牛筋', '牛百叶', '牛骨', '牛肉丸', ]
      },
      {
        c_id: "12",
        c_name: '鸭类',
        list: ['鸭肉', '老鸭', '鸭胗', '鸭血', '鸭掌', '鸭翅', '鸭舌', '鸭肠', '鸭脖', '鸭肝',]
      },
      {
        c_id: "13",
        c_name: '鸡类',
        list: ['鸡翅', '鸡胸', '鸡腿', '鸡翅中', '鸡腿肉', '鸡爪', '鸡肉', '乌鸡', '鸡胗', '土鸡', '仔鸡', '三黄鸡', '鸡肝', '老母鸡', '鸡心', '柴鸡', ]
      },
      {
        c_id: "14",
        c_name: '鸽子',
        list: ['鸽子',]
      },
      {
        c_id: "07",
        c_name: '蛋类',
        list: ['鸡蛋', '咸蛋', '皮蛋', '咸蛋黄', '土鸡蛋', '鸭蛋', '鹌鹑蛋',]
      },
      {
        c_id: "07",
        c_name: '豆制品',
        list: ['豆腐', '香干', '豆渣', '千张', '北豆腐', '腐竹', '素鸡', '油豆皮',]
      },
      {
        c_id: "07",
        c_name: '奶制品',
        list: ['牛奶', '黄油', '巧克力', '奶酪', '酸奶', '无盐黄油', '黑巧克力', '淡奶油', '奶油奶酪', '炼乳', '奶粉', '马苏里拉', '白巧克力', '酸奶油', '酥油',]
      },
      {
        c_id: "07",
        c_name: '鱼',
        list: ['海水鱼', '淡水鱼', '三文鱼', '鲫鱼', '金枪鱼', '黄鱼', '带鱼', '鳕鱼', '鱼头', '鱼干', '鱼粒', '鱼肚', '鲤鱼', '刀鱼', '鲈鱼', '罗非鱼', '射水鱼', '虎皮鱼', '月光鱼', '狗鱼', '鳝鱼', '孔雀鱼', '龙鱼', '斗鱼','银鱼','大马哈鱼','旗鱼',]
      },
      {
        c_id: "07",
        c_name: '螃蟹',
        list: ['梭子蟹', '大闸蟹', '蟹肉', '螃蟹', '蟹黄',]
      },
      {
        c_id: "07",
        c_name: '牛蛙',
        list: ['牛蛙',]
      },
      {
        c_id: "03",
        c_name: '腌咸制品',
        list: ['火腿', '香肠', '培根', '火腿肠', '腊肉', '酸菜', '泡菜', '肉松', '梅干菜', '雪里蕻', '榨菜', '辣白菜', '笋干', '鱼丸', '橄榄菜', '咸菜', '萝卜干', '咸肉', '酸豇豆', '肉丸', '午餐肉', '蟹棒', '叉烧肉', '芽菜', '纳豆', '大头菜', '酸笋', '木鱼花', '冬菜', '玉兰片', '泡萝卜', '咸黄瓜', ]
      },
      {
        c_id: "04",
        c_name: '干果类',
        list: ['乌梅', '松仁', '银杏果', '话梅', '榛子', '鹰嘴豆', '罗汉果', '芡实', '开心果', '干山楂', '南瓜子', '瓜子仁', '眉豆', '红腰豆', '芝麻', '花生', '杏仁', '红豆', '白芝麻', '黑芝麻', '枣', '核桃', '板栗', '蔓越莓', '绿豆', '黄豆', '薏米', '葡萄干', '莲子', '橄榄', '黑豆', '蜜豆', '芸豆', '腰果', '桃胶', ]
      },
      {
        c_id: "05",
        c_name: '花朵植物类',
        list: ['桂花', '玫瑰', '薄荷', '菊花', '洛神花', '茉莉花', '槐花', '金银花',]
      },
      {
        c_id: "06",
        c_name: '米面类',
        list: ['面粉', '面条', '大米', '高筋面粉', '意大利面', '糯米', '低筋面粉', '年糕', '西米', '糯米粉', '粉丝', '燕麦', '米粉', '酒酿', '燕麦片', '乌冬面', '小米', '玉米面', '全麦粉', '黑米', '魔芋', '方便面', '粉条', '米线', '荞麦面', '油条', '黄豆面', '消化饼干', '面筋', '粘米粉', '凉粉', '糙米', '河粉', '紫米', '烤麸', '小麦胚芽', '澄面', '粉皮', '藕粉', '红曲米', '黄米', '荞麦', '大麦', '高粱米', '莜面', '蕨根面', ]
      },
      {
        c_id: "07",
        c_name: '根茎疏菜',
        list: ['土豆', '萝卜', '紫薯', '红薯', '胡萝卜', '山药', '藕', '芋头', '笋', '茭白', '马蹄', '牛蒡', '菱角', ]
      },
      
      {
        c_id: "07",
        c_name: '贝',
        list: ['蛤蜊', '干贝', '鲍鱼', '牡蛎', '清口', '蛏子', '鲜贝', '北极贝', '河蚌', ]
      },
      {
        c_id: "07",
        c_name: '面',
        list: ['炒面', '汤面', '凉面', '焖面',]
      },
      {
        c_id: "07",
        c_name: '饼',
        list: ['饼', ]
      },
      {
        c_id: "07",
        c_name: '饮品',
        list: ['咖啡', '豆浆', '奶茶', '酒', '果汁', '花草茶',]
      },
      {
        c_id: "07",
        c_name: '甜品',
        list: ['布丁', '冷饮', '果酱', '糖水', '冰淇淋', '果冻',]
      },
      {
        c_id: "07",
        c_name: '功效',
        list: ['减肥', '美容', '润肺抗燥', '补血', '清热祛火',]
      },
      {
        c_id: "07",
        c_name: '菜式',
        list: ['家常菜', '快手菜', '下饭菜', '素菜', '大鱼大肉', '下酒菜', '小清新', '创意菜',]
      },
      {
        c_id: "07",
        c_name: '特殊场合',
        list: ['早餐', '下午茶', '便当', '圣诞节', '年夜饭', '深夜食堂', '情人节', '宵夜',]
      },
      {
        c_id: "07",
        c_name: '特色食品',
        list: ['小吃', '酱', '沙拉', '凉菜', '零食', '三明治', '月饼', '蒸蛋', '寿司', '粽子',]
      },
      {
        c_id: "07",
        c_name: '烹调方法',
        list: ['煎', '蒸', '炖', '红烧', '炸', '卤', '干锅', '火锅', '免烤',

        ]
      },
      {
        c_id: "07",
        c_name: '器具',
        list: ['烤箱', '烤箱菜', '电饭煲', '微波炉', '平底锅', '塔吉锅',

        ]
      },
      {
        c_id: "07",
        c_name: '异国风味',
        list: ['日式', '韩式', '西式', '东南亚',]
      },
      {
        c_id: "07",
        c_name: '口味',
        list: ['辣', '咖喱', '糖醋', '蒜香', '酸甜', '奶香', '孜然', '鱼香', '五香', '清淡',]
      },
      {
        c_id: "07",
        c_name: '人群',
        list: ['儿童',  '老人', '孕妇',

        ]
      },
      
    ],


  },
  goodsName:function(){
    wx.navigateTo({
      url: '../searchpage/searchpage',
    })

  },
  onShow:function(){
    // 在页面中定义插屏广告
    let interstitialAd = null

    // 在页面onLoad回调事件中创建插屏广告实例
    if (wx.createInterstitialAd) {
      interstitialAd = wx.createInterstitialAd({
        adUnitId: 'adunit-bad9eff9f6cc52e8'
      })
      interstitialAd.onLoad(() => { })
      interstitialAd.onError((err) => { })
      interstitialAd.onClose(() => { })
    }

    // 在适合的场景显示插屏广告
    if (interstitialAd) {
      interstitialAd.show().catch((err) => {
        console.error(err)
      })
    }

  },
  onLoad: function (e) {
   
   


    // 确保页面数据已经刷新完毕~
    setTimeout(() => {
      this.getAllRects()
    }, 20)

  },

  changeMenu(e) {
    console.log(proListToTop);
    // 改变左侧tab栏操作
    if (Number(e.target.id) === this.data.currentActiveIndex) return
    MENU = 1
    this.setData({
      currentActiveIndex: Number(e.target.id),
      rightProTop: proListToTop[Number(e.target.id)]
    })
    this.setMenuAnimation(Number(e.target.id))
  },
  scroll(e) {
    //console.log(e);
    for (let i = 0; i < proListToTop.length; i++) {
      if (e.detail.scrollTop < proListToTop[i] && i !== 0 && e.detail.scrollTop > proListToTop[i - 1]) {
        return this.setDis(i)
      }
    }
    // 找不到匹配项，默认显示第一个数据
    if (!MENU) {
      this.setData({
        currentActiveIndex: 0
      })
    }
    MENU = 0
  },
  setDis(i) {
    // 设置左侧menu栏的选中状态
    if (i !== this.data.currentActiveIndex + 1 && !MENU) {
      this.setData({
        currentActiveIndex: i - 1
      })
    }
    MENU = 0
    this.setMenuAnimation(i)
  },
  setMenuAnimation(i) {
    // 设置动画，使menu滚动到指定位置。
    let self = this
    console.log(33)
    if (menuToTop[i].animate) {
      console.log(11111)
      // 节流操作
      if (timeoutId) {
        clearTimeout(timeoutId)
      }
      timeoutId = setTimeout(() => {
        console.log(12138)
        self.setData({
          leftMenuTop: (menuToTop[i].top - windowHeight)
        })
      }, 50)
    } else {
      //console.log(11)
      if (this.data.leftMenuTop === 0) return
      //console.log(22)
      this.setData({
        leftMenuTop: 0
      })
    }
  },
  getActiveReacts() {
    wx.createSelectorQuery().selectAll('.menu-active').boundingClientRect(function (rects) {
      return rects[0].top
    }).exec()
  },
  getAllRects() {

    // 获取商品数组的位置信息
    wx.createSelectorQuery().selectAll('.pro-item').boundingClientRect(function (rects) {
      rects.forEach(function (rect) {
        //console.log(rect)
        // 这里减去44是根据你的滚动区域距离头部的高度，如果没有高度，可以将其删去
        proListToTop.push(rect.top - 44)
      })
    }).exec()

    // 获取menu数组的位置信息
    wx.createSelectorQuery().selectAll('.menu-item').boundingClientRect(function (rects) {
      wx.getSystemInfo({
        success: function (res) {
          //console.log(res);
          windowHeight = res.windowHeight / 2
          // console.log(windowHeight)
          rects.forEach(function (rect) {
            menuToTop.push({
              top: rect.top,
              animate: rect.top > windowHeight
            })
          })
        }
      })
    }).exec()
  },
  // 获取系统的高度信息
  getSystemInfo() {
    let self = this
    wx.getSystemInfo({
      success: function (res) {
        windowHeight = res.windowHeight / 2
      }
    })
  }

})